<!DOCTYPE html>
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>个人总成绩排名</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />
		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="layui/layui.js"></script>
		<!--
        	作者：864478199@qq.com
        	时间：2018-03-21
        	描述：样式
        -->
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!-- 模块拼接js -->
		<script type="text/javascript">
			$(document).ready(function() {
				$('.header').load("header.html");
				$('.left').load("left.html");
			})
		</script>
	</head>

	<body class="skin-default fixed-menu">
		<div class="preloader" style="display: none;">
			<div class="loader_img"><img src="img/loader.gif" alt="loading..." height="64" width="64" style="display: none;"></div>
		</div>
		<!-- 外部头部拼接 -->
		<div class="header"></div>
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<aside class="left-side sidebar-offcanvas">
				<!--左侧菜单 -->
				<div class="left"></div>
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--section starts-->
					<!--
                    	作者：864478199@qq.com
                    	时间：2018-03-26
                    	描述：修改面包屑
                    -->
					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li>
							<a href="http://yth.0101data.cn/">
								成绩管理
							</a>
						</li>
						<li class="active">
							个人总成绩排名
						</li>
					</ol>
					<h1>
				        个人总成绩排名
				    </h1>
				</section>
				<section class="content">
					<div class="panel ">
						<div class="per-score">
							<div class="search">
								<button class="layui-btn">导出排名</button>
								<input type="text" class="form-control search-input" placeholder="请输入" />
							</div>
							<div class="per-rank">
								<div class="per-rank-title">
									<i>个人排行榜</i>
								</div>
								<div class="per-rank-con">
									<ul>
										<li>
											<img class="avater" src="./img/timg.jpg"></img>
											<div class="name-score-pho">
												<span class="name">温锋</span>
												<span class="pho">18756305452</span>
												<span class="score">90.00分</span>
											</div>
											<div class="rankNO1">
												<i>NO.1</i>
											</div>
										</li>
										<li>
											<img class="avater" src="./img/timg.jpg"></img>
											<div class="name-score-pho">
												<span class="name">黄莹莹</span>
												<span class="pho">18056248654</span>
												<span class="score">87.00分</span>
											</div>
											<div class="rankNO2">
												<i>NO.2</i>
											</div>
										</li>
										<li>
											<img class="avater" src="./img/timg.jpg"></img>
											<div class="name-score-pho">
												<span class="name">卢维楷</span>
												<span class="pho">1502456812</span>
												<span class="score">75.00分</span>
											</div>
											<div class="rankNO3">
												<i>NO.3</i>
											</div>
										</li>
										<li>
											<img class="avater" src="./img/timg.jpg"></img>
											<div class="name-score-pho">
												<span class="name">武宣宁</span>
												<span class="pho">17752584568</span>
												<span class="score">73.00分</span>
											</div>
											<div class="rankNO4">
												<i>NO.4</i>
											</div>
										</li>
										<li>
											<img class="avater" src="./img/timg.jpg"></img>
											<div class="name-score-pho">
												<span class="name">武宣宁</span>
												<span class="pho">17752584568</span>
												<span class="score">73.00分</span>
											</div>
											<div class="rankNO4">
												<i>NO.5</i>
											</div>
										</li>
										<li>
											<img class="avater" src="./img/timg.jpg"></img>
											<div class="name-score-pho">
												<span class="name">武宣宁</span>
												<span class="pho">17752584568</span>
												<span class="score">73.00分</span>
											</div>
											<div class="rankNO4">
												<i>NO.6</i>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="fanye fanye-left"><</div>
							<div class="fanye fanye-right">></div>
							<div class="page">
								<div id="page" ></div>
							</div>
						</div>
					</div>
					<!--
          	作者：864478199@qq.com
          	时间：2018-03-26
          	描述：底部
          -->
					<div class="login-footer2">
						<span>厦门理工学院 &copy; 2018</span>
					</div>
				</section>
				<!--<div class="fixed-table-loading" style="top: 42px;" style="display: none;">加载中, 请耐心等待...</div>-->
			</aside>
			<!-- /.right-side -->
			</div>
			<!-- ./wrapper -->
	</body>
	<script>
		layui.use(['laypage', 'layer'], function(){
			var laypage = layui.laypage
	  	,layer = layui.layer;
			laypage.render({
		    elem: 'page'
		    ,count: 70
		    ,layout: ['count', 'prev', 'page', 'next',  'skip']
		    ,jump: function(obj){
		      console.log(obj)
		    }
		  });
		})
	</script>
</html>